A veces resulta monótono postear siempre igual, también ocurre que tenemos un texto que nos gustaría decorar con un bonito fondo.
Hay una forma de hacer un post incluyendo una imagen de fondo, el código es el siguiente:

<div style="background-image: url(http://loquesea.com/imagen.gif);">
Editar Texto Editar Texto Editar Texto Editar Texto Editar Texto Editar Texto Editar Texto Editar Texto Editar Texto Editar Texto Editar Texto Editar Texto Editar Texto Editar Texto Editar Texto Editar Texto Editar Texto Editar Texto Editar Texto Editar Texto Editar Texto Editar Texto Editar Texto Editar Texto Editar Texto Editar Texto Editar Texto Editar Texto Editar Texto Editar Texto Editar Texto</div>

Para que la imagen no se repita si es pequeña añadiremos al código (background-repeat:no-repeat;) así:

<div style="background-image: url(http://tuimagen.gif); background-repeat: no-repeat;">
Editar Texto Editar Texto Editar Texto Editar Texto Editar Texto Editar Texto Editar Texto Editar Texto Editar Texto Editar Texto Editar Texto Editar Texto Editar Texto Editar Texto</div>

Obviamente cambiaríamos ´´http://loquesea.com/imagen.gif`` por la URL de la imagen que deseamos poner y donde dice ´´Texto Editar`` repetidamente es el lugar para poner el texto.
Pero hay una opción más, además de poner un fondo y un texto es incluir una imagen sobre ese fondo, lo conseguí de forma algo casera...

Puse el primer código, con la diferencia que, justo donde deseaba saliera la imagen (unas hojitas verdes) inserté el código de imagen con la URL correspondiente que como todos sabéis es: <img src="aquilaimagen" />
Y el resultado es este:


Puedo escribir los versos más tristes esta noche.
Escribir, por ejemplo: La noche está estrellada,
y tiritan, azules, los astros, a lo lejos.
El viento de la noche gira en el cielo y canta.
Puedo escribir los versos más tristes esta noche.
Yo la quise, y a veces ella también me quiso.
En las noches como ésta la tuve entre mis brazos.
La besé tantas veces bajo el cielo infinito.

*Pablo Neruda*




Anónimo

http://mightygreekwritingmachine1.blogspot.com/

Responder
Anónimo

Gema gracias por tus consejos te estas convirtiendo en toda una maestra.
Hay una cosa q ver si tu sabes..¿como poder recortar una silueta en una imagen..pj..recortar la silueta de una persona sobre otra foto.
estaré atenta por si publicas.
mil gracias.

Responder
Gem@

Hola Rebel:
Para recortar una imágen, trabajar con capas, hacer diseños o efectos en las imágenes hace falta un programa de retoque fotográfico.
La oferta es muy variada, hace poco descargué un programa para darle animación a las imágenes, como si de un video se tratara.
En esta dirección tienes multitud de programas, entra en Imagen__Diseno_y_Fotografia, puedes escoger el que más se ajuste a tus necesidades.


http://es.softonic.com

S@lu2

Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top